:local(.localClass){display: inline-block;font-size: 14px;vertical-align: middle;position: relative;height: 30px;line-height: 30px;border: 1px solid #B5B5B5;min-width: 160px;
    .selector-head{height: 30px;line-height: 30px;font-size: 14px;color: #B5B5B5;padding: 0 30px 0 10px;display: block;cursor: pointer;
        &.selected{color: #242424;}
    }
    .selector-icon{position: absolute;right: 10px;top: 50%;transform: translateY(-50%);width: 0;height: 0;border-top: 6px solid #B5B5B5;border-left: 6px solid transparent;border-right: 6px solid transparent;}
    .selector-body{position: absolute;display: none;top: 100%;left: -1px;right: -1px;border: 1px solid #B5B5B5;
        .selector-list{background: #fff;
            &_item{
                > a{display: block;height: 30px;line-height: 30px;padding: 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
                    &:hover{background: #B5B5B5;color: #e5371f;}
                }
            }
        }
    }
    &.open{
        .selector-body{display: block;}
    }
}